<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">
	<p:panel header="#{msg['message.ess.hLExterno.panelHeader']}">
		<h:panelGroup layout="block" style="overflow-x:scroll;">
			<p:dataTable id="dtHLE" emptyMessage=" " var="historial"
				value="#{hLExternoMB.historial}">

				<!-- Seleccion -->
				<p:column style="text-align:center; width:40px;z-index:99;">
					<p:selectBooleanCheckbox value="#{historial.seleccion}" />
				</p:column>
				<!-- Abreviado -->
				<p:column style="text-align:center;"
					headerText="#{msg['message.ess.hlExterno.compania.abrev']}">
					<p:outputLabel id="essHLEComAbr"
						value="#{historial.companiaAbreviado}" />
				</p:column>
				<!-- Nombre Completo -->
				<p:column style="text-align:center;"
					headerText="#{msg['message.ess.hlExterno.compania.nombre']}">
					<p:outputLabel id="essHLEComComp"
						value="#{historial.companiaCompleto}" />
				</p:column>
				<!-- Giro de la Empresa -->
				<p:column style="text-align:center;"
					headerText="#{msg['message.ess.hlExterno.giro']}">
					<p:outputLabel id="essHLEGiro"
						value="#{catalogosMB.getNombreAreaGeneral(historial.idGiroEmpresa)}" />
				</p:column>
				<!-- Pais -->
				<p:column style="text-align:center;"
					headerText="#{msg['message.ess.pais']}">
					<p:outputLabel id="essHLEPais"
						value="#{catalogosMB.getNombrePais(historial.idPais)}" />
				</p:column>
				<!-- Estado -->
				<p:column style="text-align:center;"
					headerText="#{msg['message.ess.estado']}">
					<p:outputLabel id="essHLEEstado"
						value="#{catalogosMB.getNombreEstado(historial.idEstado)}" />
				</p:column>
				<!-- Puesto -->
				<p:column style="text-align:center;"
					headerText="#{msg['message.ess.hL.puesto']}">
					<p:outputLabel id="essHLEpuesto" value="#{historial.puesto}" />
				</p:column>
				<!-- Fecha Inicio -->
				<p:column style="text-align:center;"
					headerText="#{msg['message.ess.fechaInicio']}">
					<h:outputText id="essHLEFecIni" value="#{historial.fechaInicio}">
						<f:convertDateTime pattern="dd/MM/yyyy" />
					</h:outputText>
				</p:column>
				<!-- Fecha Termino -->
				<p:column style="text-align:center;"
					headerText="#{msg['message.ess.fechaTermino']}">
					<h:outputText id="essHLEFecTer" value="#{historial.fechaTermino}">
						<f:convertDateTime pattern="dd/MM/yyyy" />
					</h:outputText>
				</p:column>
				<!-- Funcion -->
				<p:column style="text-align:center;"
					headerText="#{msg['message.ess.hlExterno.funcion']}">
					<p:outputLabel id="essHLEFuncion" value="#{historial.funcion}" />
				</p:column>
				<!-- Responsabilidades -->
				<p:column style="text-align:center;"
					headerText="#{msg['message.ess.hL.responsabilidades']}">
					<p:outputLabel id="essHLEResp"
						value="#{historial.responsabilidades}" />
				</p:column>
				<!-- Logros -->
				<p:column style="text-align:center;"
					headerText="#{msg['message.ess.hL.logros']}">
					<p:outputLabel id="essHLELogros" value="#{historial.logros}" />
				</p:column>

			</p:dataTable>

			<h:panelGroup layout="block" style="text-align:center;">
				<p:commandButton value="#{msg['message.ess.eliminarRegistro']}"
					process="dtHLE, @this" action="#{hLExternoMB.eliminarRegistros}"
					style="margin-right:15px;" />
				<p:commandButton id="essHLEAgregar"
					value="#{msg['message.ess.agregarRegistro']}" update="pnlDlgHLE"
					action="#{hLExternoMB.showDialog}">
				</p:commandButton>
			</h:panelGroup>
		</h:panelGroup>
	</p:panel>

	<ui:include src="/ess/ess_expediente/dialogos/dlgHLExterno.xhtml"></ui:include>

</ui:composition>